<template>
	<view class="reply_box">
		<input class="box_in" type="text" v-model="v1" placeholder="写评论。。。" />
		<view class="go" @tap="goPublish">发表</view>
	</view>
</template>

<script>
	export default {
		name: "compReply",
		data() {
			return {
				v1: null,
			};
		},
		methods:{
			goPublish(){
				console.log('好家伙')
			}
		}
	}
</script>

<style lang="scss">
	.reply_box {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: 54px;
		background: #fff;
		//   line-height: 50px;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 50;

		.box_in {
			height: 36px;
			width: 270px;
			background: #f6f6f6;
			margin-left: 10px;
			vertical-align: middle;
			font-weight: 600;
			color: #b2b2b2;
			padding: 0 10px;
			box-shadow: none;
			/*聚焦input的蓝色边框*/
			outline: none;
			/*textarea 禁止拖拽*/
			resize: none;
			/*去除边框*/
			border: none;
			//   &:-webkit-input-placeholder{
			//      color: #7ab4ff !important;
			//   }
			border-radius: 30rpx;
		}

		.go {
			font-size: 16px;
			padding: 0 18px;
			font-weight: 400;
		}
	}
</style>
